<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@page contentType="text/html" pageEncoding="windows-1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Title      : Undertaking 
Version    : 1.0
Released   : 2010821
Description: A two-column web design, best for your personal and business blogging.

-->

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Gestion de Reclamos</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <link href="default.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <!-- start header -->
        <div id="header">
            <div id="logo">
                <h1>EGretel</h1>
                <p><a href="http://www.freecsstemplates.org/">Gestion de Reclamos</a></p>
            </div>
            <div id="menu">
                <ul>
                    <li class="current_page_item"></li>
                    <li><a href="Login"><span>inicio</span></a></li>
                    <li><a href="#"><span>ayuda</span></a></li>
                    <li></li>
                    <li><a href="#"><span>Links</span></a></li>
                    <li><a href="#"><span>Contact</span></a></li>
                </ul>
                <ul>
                    <li class="current_page_item"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
                <ul>
                    <li class="current_page_item"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
        <hr />
        <!-- end header -->
        <!-- start page -->
        <div id="wrapper">
            <div id="page">
                <div id="page-bgtop">
                    <div id="page-bgbtm">
                        <div id="content">
                            <div class="post">
                                <!-- <p class="date">Oct<b>23</b></p> -->
                                <blockquote>
                                    <blockquote>
                                        <h2 class="title">Bandeja de Reclamos del Cliente</h2>
                                    </blockquote>
                                </blockquote>
                                <div class="entry">
                                    <blockquote>
                                        <blockquote>
                                            <table width="480" border="1" cellpadding="0" cellspacing="0" class="post">
                                                <tr>
                                                    <td colspan="2" bgcolor="#B60044" <strong class="meta" >Datos Cliente&nbsp; </strong> </td>
                                                </tr>
                                                <tr>

                                                    <p>
                                                    </p>

                                                </tr>
                                                <tr>
                                                    <td height="26" align="left"  id="letrasTablas3">Cliente:</td>
                                                    <td>${persona.nombre}<br />
                                                        </form> </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2" align="center" id="letrasTablas2">
                                                        <p>

                                                        </p>
                                                    </td>
                                                </tr>
                                            </table>
                                            <div><span id="lineaSepara"><table width="480" border="1" align="center" cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td width="500" bgcolor="#B60044"> <strong class="meta">Reclamos Registrados</strong></td>
                                                        </tr>
                                                    </table></span></div>

                                            <table width="480" border="1" align="center" cellpadding="0" cellspacing="0">
                                            </table>
                                            <table border="2" width="480" cellpadding="0" cellspacing="0" >
                                                <tr>
                                                    <td width="28" align="center" id="letrasTablas">ID</td>
                                                    <td width="57" align="center" id="letrasTablas">Categoria</td>
                                                    <td width="120" align="center" id="letrasTablas">Especialista</td>
                                                    <td width="56" align="center" id="letrasTablas">Descripcion</td>
                                                    <td width="62" align="center" id="letrasTablas">Fecha Creacion</td>
                                                    <td width="28" align="center" id="letrasTablas">Fecha Cierre</td>
                                                    <td width="80" align="center" id="letrasTablas">Telefono</td>
                                                    <td width="89" align="center" id="letrasTablas">Estado</td>

                                                </tr>
                                                <c:forEach var="reclamo" items="${persona.reclamos}">

                                                    <tr>
                                                        <td><a href="BandejaCliente?idreclamo=${reclamo.idReclamo}" >${reclamo.idReclamo}</a></td>
                                                        <td> ${reclamo.idCategoria}<br/></td>
                                                        <td> ${reclamo.especialista.nombre}</td>
                                                        <td> ${reclamo.descripcion}</td>
                                                        <td> ${reclamo.fechaCreacion}</td>
                                                        <td> ${reclamo.fechaCierre}<br/></td>
                                                        <td> ${reclamo.telefono}<br/></td>
                                                        <td> ${reclamo.idEstado}<br/></td>
                                                    </tr>

                                                </c:forEach>

                                            </table>
                                        </blockquote>
                                    </blockquote>
                                    </blockquote>
                                    </blockquote>

                                </div>
                            </div>
                            <div class="post">
                                <p>&nbsp;</p>
                                <h2 class="title"><br />
                                </h2>
                            </div>
                            <div class="post">
                                <div class="entry"> </div>
                            </div>
                        </div>
                        <div id="sidebar">
                            <ul>
                                <li id="categories">
                                    <h2>Opciones</h2>
                                    <ul>
                                        <ul>
                                            <li><a href="RegistraReclamo_Cliente.jsp?login=${usuario.username}" >Ingresar Reclamo</a></li>
                                            <!--	  <li><a href="#">Mis Tickets Creados</a> (1) </li>
							  <li><a href="#">Mis Tickets Cerrados </a></li> -->
                                        </ul>

                                    </ul>
                                </li>
                                <li>
                                    <h2>Enlaces de Interes</h2>
                                    <ul>
                                        <li><a href="http://www.telefonica.com.pe/atencion/v_internet.shtml">Telefonica - Atencion al Cliente</a></li>
                                        <li><a href="http://www.osiptel.gob.pe/WebSiteAjax/WebFormGeneral/Reclamos/wfrm_trasu.aspx">Osiptel</a></li>
                                        <li></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end page -->
        <!-- start footer -->
        <div id="footer">
            <p id="legal">&nbsp;</p>
            <!-- end footer -->
        </div>
    </body>
</html>
